<template>
  <div>
    <el-table :data="companyList" border>
      <el-table-column prop="companyName" label="企业名称" width="180" />
      <el-table-column prop="category" label="企业分类" width="120" />
      <el-table-column prop="space" label="租赁空间" width="150" />
      <el-table-column prop="contractStatus" label="合同状态" width="120" />
      <el-table-column>
        <template #header>操作</template>
        <template #default="scope">
          <el-button size="mini" @click="exportRecord(scope.row)"
            >导出档案</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const companyList = ref([
  {
    companyName: 'C公司',
    category: '研发',
    space: 'A区-101',
    contractStatus: '已生效'
  },
  {
    companyName: 'D公司',
    category: '制造',
    space: 'B区-203',
    contractStatus: '待签署'
  }
])

function exportRecord(company) {
  // 一键导出企业档案
}
</script>
